<template>
  <div class="colist" ref="colist">
    <van-row gutter="1" class="cov-row">
      <van-col span="4">
        <div class="cov-title">地区</div>
      </van-col>
      <van-col span="4">
        <div class="cov-title">现存确诊</div>
      </van-col>
      <van-col span="4">
        <div class="cov-title">累计确诊</div>
      </van-col>
      <van-col span="4">
        <div class="cov-title">死亡</div>
      </van-col>
      <van-col span="4">
        <div class="cov-title">治愈</div>
      </van-col>
      <van-col span="4">
        <div class="cov-title">疫情</div>
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  name: "TipCoList"
}
</script>

<style scoped>
/*疫情说明样式*/
.colist {
  display: none;
  box-sizing: border-box;
  padding: 0 0.16rem;
  position: fixed;
  width: 100%;
  max-width: 750px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;

}

.colist .cov-row {
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.26rem;

}
 .cov-row .van-col:nth-child(1) .cov-title {
  background: #e3e7f3;
}

 .cov-row .van-col:nth-child(2) .cov-title {
  background: #f3bab0;
}

 .cov-row .van-col:nth-child(3) .cov-title {
  background: #e69a8d;
}

 .cov-row .van-col:nth-child(4) .cov-title {
  background: #b4c0d5;
}

 .cov-row .van-col:nth-child(5) .cov-title {
  background: #95db9a;
}

 .cov-row .van-col:nth-child(6) .cov-title {
  background: #e3e7f3;
}
</style>
